
.purchase-list{
  padding-top: 84rpx;
  box-sizing: border-box;
  .header{
    padding-bottom: 4rpx;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 99;
  }
  .list{
    padding-top: 16rpx;
    .item{
      font-size: 28rpx;
      padding: 0 32rpx;
      margin-bottom: 16rpx;
      background: #fff;
      .item-header{
        @include flex;
        @include a-center;
        font-weight: 500;
        height: 100rpx;

        .item-name{
          @include sub-item;
          @include text-ellipsis;
          color: #000;
        }
        .item-state{
          color: #FF7E00;
          width: 180rpx;
          text-align: right;

          &.item-state1{
            color: #E21536;
          }

          &.item-state2,
          &.item-state8{
            color: #000;
          }
          &.item-state3,
          &.item-state4,
          &.item-state5,
          &.item-state7{
            color: #999;
          }
        }
      }
      .item-content{
        padding: 32rpx 0;
        border-top: 1rpx solid #E7E7E7;
        .line{
          @include flex;
          @include a-center;
          padding: 8rpx 0;
          .label{
            color: #999;
            width: 190rpx;
          }
          .value{
            .icon{
              width: 40rpx;
              height: 40rpx;
              margin-left: 32rpx;
              display: block;
            }

            &.phone-value{
              @include flex;
              @include a-center;
              color: #007FFF;
            }
          }
        }
        .footer-line{
          @include flex;
          @include a-center;
          @include j-between;

          margin-top: 32rpx;
          padding-top: 16rpx;
          margin-bottom: -16rpx;
          border-top: 1rpx solid #E7E7E7;

          .money{
            color: #333;
            font-size: 36rpx;

            &::before{
              font-size: 28rpx;
              content: '合计:￥';
            }
          }
          .btn{
            color: #000;
            font-size: 28rpx;
            text-align: center;
            width: 176rpx;
            line-height: 70rpx;
            border: 1rpx solid #000;
            display: inline-block;
            
            &.main{
              color: #fff;
              background: #000;
              margin-left: 20rpx;
            }
          }
        }
      }
    }
  }
}